body { background:#6F6F6F; color:#FFFFFF; overflow:hidden; }
h1 { text-align:center; }
h2 { text-decoration:underline; }
div { background:#AFAFAF; border:4px double #CBCBCB; border-radius:15px; padding:5px; }

/* global effects */
.shadow {	-moz-box-shadow: 3px 3px 4px #000;
			-webkit-box-shadow: 3px 3px 4px #000;
			box-shadow: 3px 3px 4px #000;
			/* For IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
			/* For IE 5.5 - 7 */
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
.notSelectable{ -webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				cursor:default; }
.opacity { 
	opacity: 0.7;		/* modern browser */
	-moz-opacity: 0.7;	/* older Mozilla browser */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */
	filter:alpha(opacity=70); /* IE5.x -7.0 */ }

#grayLayer { position:absolute; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:3; display:none; border:0px solid #000; border-radius:0px; }
				
/* Menu bar */
#mainMenuBar { position:relative; width:125px; margin-left:auto; margin-right:auto; z-index:2; }
/* game actions bar */
#gameActionsBar { position:relative; width:125px; margin-left:auto; margin-right:auto; z-index:1; display:none; }

/* Buttons */
.button {  position:relative;
			width:100px;
			height:19px;
			margin:5 5 5 5;
			border:4px outset #BCBCBC;
			text-align:center;
			cursor:pointer; }
.buttonHover { border:4px inset #CC6600;}
.disabled { background-color:#7B7B7B; cursor:default; }

#closeManualButton { color:#FFFFFF; background-color:#FF0000; width:20px; top:-10px; left:125px; }
#taskStartButton { margin-top:10px; color:green; }
#taskFinishedButton { margin-top:10px; color:red; }

/* Manual pannel */
#manualPannel { position:relative; width:450px; height:700px; margin-left:auto; margin-right:auto; display:none; z-index:0; }
/* Game pannel */
#gamePannel { position:relative; width:550px; height:750px; margin-left:auto; margin-right:auto; display:none; z-index:0; background-image:url("http://media.tumblr.com/9f8614731ad8ed27b42f4bd01a20150a/tumblr_inline_mi4gt8Nqdl1reu0ih.png"); background-position:center center; background-repeat:no-repeat; background-size:cover; }
/* Task pannel */
#taskPannel { position:relative; width:350px; height:450px; margin-left:auto; margin-right:auto; top:-600px; display:none; z-index:4; }

#timer { color:#00FF00; font-weight:bold; border:3px double #FF0000; padding:5px; margin:55px; font-size:1.4em; }

/* Game information */
#gameInformationTable { border:2px double #676767; }
#raceField, #posField,
#lvlField, #gpField { color:#9178CC; }

/* Map */
.mapItem { position:relative;
			width:75px;
			height:75px;
			border: 4px outset #BCCCBC;
			border-radius:70px;
			text-align:center;
			font-weight:bold;
			margin-top:15px;
			background-position:center center;
			line-height:70px; }
.currentPosition { border:4px inset #00F0F0; cursor:default; }
.reachable { cursor:pointer;
			border:4px outset #0000FF; }
/* Map items */
#mapItem0 { background-image:url("http://media.tumblr.com/68428b23e33d71e4c6852fb3b310348b/tumblr_inline_mi4gtningh1reu0ih.png"); background-repeat:none; color:#000000; }
#mapItem1 { background-image:url("http://media.tumblr.com/2a4a6cb740b9261c908a05254da977fd/tumblr_inline_mi4gu2L3Ag1reu0ih.png"); background-repeat:none; color:#F0F0F0; left:-150px; top:-45px; }
#mapItem2 { background-image:url("http://media.tumblr.com/fcb714e3487fffeaf3be43afe2a281bc/tumblr_inline_mi4gtu8xlr1reu0ih.png"); background-repeat:none; color:#F0F0F0; right:-150px; top:-153px; }
#mapItem3 { background-image:url("http://media.tumblr.com/a9a89664ea4830f1b06354e19d902c95/tumblr_inline_mi4gufiX9q1reu0ih.png"); background-repeat:none; color:#000000; left:-199px; top:-148px; }
#mapItem4 { background-image:url("http://media.tumblr.com/0d8dcb53e50bc0d7eb1f872996b6ce4f/tumblr_inline_mi4gu5c2HW1reu0ih.png"); background-repeat:none; color:#000000; left:-65px; top:-193px; }
#mapItem5 { background-image:url("http://media.tumblr.com/55a71ac73bc20fdd19b1d66c8145ba7a/tumblr_inline_mi4gtwXzqq1reu0ih.png"); background-repeat:none; color:#000000; right:-65px; top:-301px; }
#mapItem6 { background-image:url("http://media.tumblr.com/5378bd681f0f07aefa518484349c4d3f/tumblr_inline_mi4gtzjCqH1reu0ih.png"); background-repeat:none; color:#F0F0F0; right:-200px; top:-472px; }
#mapItem7 { background-image:url("http://media.tumblr.com/7dee65dd0db20cf86e96e946204ec73f/tumblr_inline_mi4gummlOr1reu0ih.png"); background-repeat:none; color:#F0F0F0; left:-175px; top:-417px; }
#mapItem8 { background-image:url("http://media.tumblr.com/e3840a5315bd1bc1990eb2666f85b9d4/tumblr_inline_mi4gu9Lu7h1reu0ih.png"); background-repeat:none; color:#000000; right:-175px; top:-525px; }
#mapItem9 { background-image:url("http://media.tumblr.com/3584cd45cff2dcdf9780e35f8f1fabc2/tumblr_inline_mi4gucG4df1reu0ih.png"); background-repeat:none; color:#F0F0F0; top:-535px; }
#mapItem10 { background-image:url("http://media.tumblr.com/3621e7fb1d778141debe8c9877506bed/tumblr_inline_mi4guhKj8k1reu0ih.png"); background-repeat:none; color:#FF0000; left:-125px; top:-513px; }
#mapItem11 { background-image:url("http://media.tumblr.com/7eb3fb63744523f7aa67f2288be44a13/tumblr_inline_mi4gukeWx51reu0ih.png"); background-repeat:none; color:#FF0000; right:-125px; top:-621px; }